<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>注册网易免费邮箱-中国第一大电子邮件服务商</title>
	
	<link rel="shortcut icon" href="assets/imgans/favicon.ico">
	<link href="assets/css/zuce.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="assets/js/reb.js"></script>
</head>
<body>
<!-- 页首头部图片与文字 -->
<header class="header">
	<div class="bg"></div>
	<div class="links">
		<a href="#" >了解更多</a>
		|
		<a href="#">反馈意见</a>
	</div>	
</header>
<!-- 表单头部 -->
<section class="content" style="width: 960px;height: 707px;margin: 0 auto;">
	<header>
		<h1 class="content-tit">
		欢迎注册无限容量的网易邮箱！邮件地址可以登录使用其他网易旗下产品。
		</h1>
	</header>
	<div class="main-wrapper">
		<!--左边表单区域——-->
		<div class="mainBody">
		<!--Tab标签页菜单-->
			<div class="regTabs">
				<ul>
					<li><a href="#" style=" color: white;">注册字母邮箱</a></li>
					<li><a href="#">注册手机号码邮箱</a></li>
					<li><a href="#">注册VIP邮箱</a></li>
				</ul>
			</div>

			<!--1-->
			<div class="regForm">

				<!-- 邮箱地址 -->
				<dl class="regForm-item">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						邮箱地址
					</dt>
					<dd class="regForm-ct">
						<input type="text" class="ipt">
						<span>@</span>
						<select>
							<option selected="selected">163.com</option>
							<option selected="selected">126.com</option>
						</select>
						<div class="ipt-tip">
							<span>
							6~18个字符，可使用字母、数字、下划线，需以字母开头
							</span>
						</div>
					</dd>
				</dl>

				<!-- 密码 -->
				<dl class="regForm-item">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						密码
					</dt>

					<dd class="regForm-ct">

						<input type="text" class="ipt" style="width: 322px">

						<div class="ipt-tip">
							<span>
							6~16个字符，区分大小写
							</span>
						</div>
					</dd>
				</dl>


				<!-- 确认密码 -->
				<dl class="regForm-item">

					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						确认密码
					</dt>

					<dd class="regForm-ct">
						<input type="text" class="ipt" style="width: 322px">

						<div class="ipt-tip">
							<span>
							请再次填写密码
							</span>
						</div>
					</dd>
				</dl>

				<!-- 手机号码 -->
				<dl class="regForm-item">
					<!--输入框前文本-->
					<dt class="regForm-title">
						<span class="txt-imp">*</span>手机号码
					</dt>

					<dd class="regForm-ct">
						<!--输入文本框-->
						<input id="phone" type="text" class="ipt" style="width: 288px; font-size: 14px;font-weight: bold; padding-left: 40px;" value="+86">

						<!--国旗图标与下拉箭头-->
						<div class="itl" style="width: 35px;height: 27px;line-height: 27px;">
							<div class="flag flag-CN">
								<em>&nbsp;</em>
							</div>
						</div>


						<!--下拉列表选项-->
						<div class="select_panel" style="display: none">
							<a href="#" class="flag-CN">
								<em></em>
								中国+86
							</a>
							<a href="#" class="flag-AL">
								<em></em>
								阿尔巴尼亚(Shqipëria) +355
							</a>
						</div>


						<!--输入提示-->
						<div class="ipt-tip">
							<span>
							忘记密码时，可以通过该手机号码快速找回密码
							</span>
						</div>
					</dd>
				</dl>


				<!-- 验证码 -->
				<dl class="regForm-item-ct">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						验证码
					</dt>
					<dd class="regForm-ct">
						<input type="text" class="ipt">
						<img class="vCode" style="cursor:pointer;" src="assets/imgans/call.jpg" alt="验证码" width="120" height="50">
						<a href="#" class="switchvCode" tabindex="-1">看不清楚？换张图片</a>
						<div class="ipt-tip">
							<span>
							请填写图片中的字符，不区分大小写
							</span>
						</div>
						<div class="btns">
						<a href="#" class="btn" >
							<strong id="sendMainAcodeStg">免费获取验证码</strong></a>
						<span class="txt-succ" style="display:none;">&nbsp;&nbsp;短信验证码已发送</span>
					</div>
					</dd>
				</dl>


				<!-- 短信验证码 -->
				<dl class="regForm-item" style="z-index: 8;">

					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						短信验证码
					</dt>

					<dd class="regForm-ct">
						<input type="text" class="ipt" style="width: 322px">

						<div class="ipt-tip">
							<span>
							请查收手机短信，并填写短信中的验证码
							</span>
						</div>
					</dd>
				</dl>


				<!-- 同意"服务条款"和 "隐私权相关政策"-->
				<dl class="regForm-item" style="z-index: 8;">
					<dd class="regForm-item-ct_txt-tips">
						<label></label><input type="checkbox" checked="checked" tabindex="-1"> 同意<a href="http://reg.163.com/agreement.shtml" target="_blank" tabindex="-1">"服务条款"</a>和<a href="http://reg.163.com/agreement_game.shtml" target="_blank" tabindex="-1">"隐私权相关政策"</a>
						<div></div>
					</dd>
				</dl>


				<!-- 立即注册 -->
				<dd class="regForm-item-btnReg">
					<a href="#" class="btnReg">立即注册</a>
					<a href="#" class="btnRegDisable" style="display:none">立即注册</a>
				</dd>		
			</div>

			<!---2--->
			<div class="regForm" style="display: none">

				<!--手机号码 -->
				<dl class="regForm-item">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						手机号码
					</dt>
					<dd class="regForm-ct">
						<input type="text" class="ipt" >
						<span>@ 163.com</span>

						<!-- 手机小图标 -->
						<b class="ico ico-mob"></b>
						
						<div class="ipt-tip">
							<span>
							请填写手机号码
							</span>
						</div>
					</dd>
				</dl>

				<!-- 图片验证码 -->
				<dl class="regForm-item-ct">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						图片验证码
					</dt>
					<dd class="regForm-ct">
						<input type="text" class="ipt">
						<img class="vCode" style="cursor:pointer;" src="assets/imgans/call.jpg" alt="验证码" width="120" height="50">
						<a href="#" class="switchvCode" tabindex="-1">看不清楚？换张图片</a>
						<div class="ipt-tip">
							<span>
							请填写图片中的字符，不区分大小写
							</span>
						</div>
						<div class="btns">
						<a href="#" class="btn" >
							<strong id="sendMainAcodeStg">免费获取验证码</strong></a>
						<span class="txt-succ" style="display:none;">&nbsp;&nbsp;短信验证码已发送</span>
					</div>
					</dd>
				</dl>

				<!-- 短信验证码 -->
				<dl class="regForm-item">

					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						短信验证码
					</dt>

					<dd class="regForm-ct">
						<input type="text" class="ipt" style="width: 322px">

						<div class="ipt-tip">
							<span>
							请查收手机短信，并填写短信中的验证码
							</span>
						</div>
					</dd>
				</dl>

				<!-- 密码 -->
				<dl class="regForm-item">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						密码
					</dt>

					<dd class="regForm-ct">

						<input type="text" class="ipt" style="width: 322px">

						<div class="ipt-tip">
							<span>
							6~16个字符，区分大小写
							</span>
						</div>
					</dd>
				</dl>


				<!-- 确认密码 -->
				<dl class="regForm-item">

					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						确认密码
					</dt>

					<dd class="regForm-ct">
						<input type="text" class="ipt" style="width: 322px">

						<div class="ipt-tip">
							<span>
							请再次填写密码
							</span>
						</div>
					</dd>
				</dl>

				
				<!-- 同意"服务条款"和 "隐私权相关政策"-->
				<dl class="regForm-item">
					<dd class="regForm-item-ct_txt-tips">
						<label></label><input type="checkbox" checked="checked" tabindex="-1"> 同意<a href="http://reg.163.com/agreement.shtml" target="_blank" tabindex="-1">"服务条款"</a>和<a href="http://reg.163.com/agreement_game.shtml" target="_blank" tabindex="-1">"隐私权相关政策"</a>
						<div></div>
					</dd>
				</dl>


				<!-- 立即注册 -->
				<dd class="regForm-item-btnReg">
					<a href="#" class="btnReg">立即注册</a>
					<a href="#" class="btnRegDisable" style="display:none">立即注册</a>
				</dd>
	
			</div>

			<!----3---->
			<div class="regForm" style="display: none">
				<!-- 黄色提示区 -->
				<div class="m-title">注册网易VIP邮箱，安全提升30%，享1对1服务，30元/月
				</div>

				<!--用户名 -->
				<dl class="regForm-item">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						用户名
					</dt>
					<dd class="regForm-ct">
						<input type="text" class="ipt" >
						<span>@VIP.163.com</span>
						
						<div class="ipt-tip">
							<span>
							6~20个字母、数字、点、减号或下划线，需以字母开头
							</span>
						</div>
					</dd>
				</dl>

				<!-- 密码 -->
				<dl class="regForm-item">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						密码
					</dt>
					<dd class="regForm-ct">
						<input type="text" class="ipt" style="width: 322px">
						<div class="ipt-tip">
							<span>
							6~16个字符，区分大小写
							</span>
						</div>
					</dd>
				</dl>

				<!-- 滑动验证码 -->
				<dl class="regForm-item">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						滑动验证码
					</dt>
					<dd class="regForm-ct">
						<div class="ScapTcha">
							<div class="slideBg" style="width: 320px; height: 32px; border-radius: 16px;">
								<div class="slideFg" style="left: 1px;">
									<img src="assets/imgans/slider.png" style="width:72px; height: auto; border-radius:18px;cursor:pointer;">
								</div>
								<div class="hintTxt" style="line-height: 32px; opacity: 1;">&gt;&gt;&gt;请拖动滑块&gt;&gt;&gt;
								</div>
							</div>
						</div>

						<div class="ipt-tip">
							<span>
							请滑动上方滑块验证
							</span>
						</div>
					</dd>
				</dl>

				<!-- 安全手机 -->
				<dl class="regForm-item-ct">
					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						安全手机
					</dt>
					<dd class="regForm-ct">
						<input type="text" class="ipt" style="width: 320px;">
						<div class="ipt-tip">
							<span>
							找回密码和认证时使用，不扣费
							</span>
						</div>
						<div class="btns">
						<a href="#" class="btn" >
							<strong id="sendMainAcodeStg">免费获取验证码</strong></a>
						<span class="txt-succ" style="display:none;">&nbsp;&nbsp;短信验证码已发送</span>
					</div>
					</dd>
				</dl>

				<!-- 手机验证码 -->
				<dl class="regForm-item">

					<dt class="regForm-title">
						<span class="txt-imp">*</span>
						手机验证码
					</dt>

					<dd class="regForm-ct">
						<input type="text" class="ipt" style="width: 322px">

						<div class="ipt-tip">
							<span>
							请填写手机验证码，不区分大小写
							</span>
						</div>
					</dd>
				</dl>
				
				<!-- 我已阅读并接受"网易VIP邮箱服务条款"-->
				<dl class="regForm-item">
					<dd class="regForm-item-ct_txt-tips">
						<label></label><input type="checkbox" checked="checked" tabindex="-1">我已阅读并接受<a href="#" target="_blank" tabindex="-1">"网易VIP邮箱服务条款"</a>
						
					</dd>
				</dl>


				<!-- 立即注册 -->
				<dd class="regForm-item-btnReg">
					<a href="#" class="btnReg">立即注册</a>
					<a href="#" class="btnRegDisable" style="display:none">立即注册</a>
					<div class="ipt-tip">
							<span>
							温馨提示：注册3天内未支付，用户名将被回收，可能被他人抢注！
							</span>
						</div>
				</dd>	
			</div>
		</div>

		<!--右边的广告区域-->
		<div class="mainBody-side">
			<img src="assets/imgans/reg_master.gif">
		</div>

	</div>
</section>


<!-- 页脚 -->
<footer class="footer" style="height:80px">
	<a tabindex="-1" href="#" target="_blank">关于网易</a>&nbsp;&nbsp;
	<a tabindex="-1" href="#" target="_blank">关于网易免费邮</a>&nbsp;&nbsp;
	<a tabindex="-1" href="#" target="_blank">邮箱官方博客</a>&nbsp;&nbsp;<a tabindex="-1" href="#" target="_blank">客户服务</a>&nbsp;&nbsp;
	<a tabindex="-1" href="#" target="_blank">隐私政策</a>&nbsp;&nbsp;|&nbsp;&nbsp;网易公司版权所有&nbsp;©&nbsp;1997-2018
	<br>
	数据来源：艾媒咨询《2015-2018中国个人邮箱行业研究报告》
</footer>

</body>
</html>